/**
 * 注意点：
 *      1. 如果需要使用路由的懒加载，需要导入react提供俩个成员：lazy、Suspense
 *      2. lazy，函数，用于导入需要实现懒加载的组件，语法：lazy(() => import(路径))
 *      3. Suspense，组件，用于渲染加载中的等待提示（加载中效果），语法：<Suspense fallback={加载组件}></Suspense>，需要懒加载的路由规则都需要写入该组件
 *      4. 加载提示组件是否可以使用lazy导入？  不能
 */

import React, { lazy, Suspense } from "react"
import Loading from "@/components/Loading"
import { Route, Redirect, Switch } from "react-router-dom"
// 导入需要懒加载的组件
const Login = lazy(() => import("@/views/login/Index"))
const Basicrouter = () => {
    return (
        <Suspense fallback={<Loading />}>
            <Switch>
                <Redirect from="/" to="/login" exact />
                <Route path="/login" component={Login} />
            </Switch>
        </Suspense>
    )
}

export default Basicrouter
